<script lang="ts" setup>
// import { onShareAppMessage } from '@dcloudio/uni-app';

// const handleShare = () => {
// 	      onShareAppMessage({
// 	        title: '如初国风馆',
// 	        path: '/pages/index/index',
// 	        imageUrl: 'https://only114514.oss-cn-hangzhou.aliyuncs.com/ruchu/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20250606204232.jpg',
// 	        success: () => {
// 	          console.log('分享成功');
// 	        },
// 	        fail: (err) => {
// 	          console.log('分享失败', err);
// 	        }
// 	      });
// 	    };
	
</script>

<template>
	<view class="footer">
	    <!-- <view class="action-btn cursor-pointer" @click="handleShare">
	      <uni-icons type="redo" size="24" />
	      <text>分享</text>
	    </view> -->
	    <button 
		open-type="contact"
		send-message-title="test标题"
		show-message-card
		class="consult-btn cursor-pointer">立即咨询</button>
	  </view>
</template>


<style scoped lang="scss">
.footer {
  .action-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 48rpx;
  }

  .action-btn text {
    font-size: 12px;
    color: #666666;
    margin-top: 8rpx;
  }

  .consult-btn {
    height: 80rpx;
    line-height: 80rpx;
    background-color: #68d596;
    color: #ffffff;
    font-size: 16px;
    border-radius: 40rpx;
    width: 64%;
  }

  position: fixed;
  width: 100%;
  bottom: 0;
  display: flex;
  align-items: center;
  height: 120rpx;
  padding: 0 32rpx;
  background-color: #ffffff;
  border-top: 1px solid #f5f5f5;
  flex-shrink: 0;
}
</style>